﻿@{
    ViewBag.Title = "RoleList";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Resources/Css/common.css" rel="stylesheet" />
<link href="~/Resources/DataTables-1.10.8/css/jquery.dataTables.css" rel="stylesheet" />
<script src="~/Resources/DataTables-1.10.8/js/jquery.dataTables.js"></script>
<script src="~/Resources/DataTables-1.10.8/js/dataTables.bootstrap.min.js"></script>
<script src="~/Resources/jquery-confirm/js/jquery-confirm.js"></script>
<link href="~/Resources/jquery-confirm/css/jquery-confirm.css" rel="stylesheet" />
<div class="boxmain">

    <!-- box / title -->
    <div class="title">
        <ol class="breadcrumb">
            <li><a href="javascript:void(0);" onclick="goBack()">Role Info</a></li>
        </ol>
    </div>
    <div class="container searchboder">
        <div class="form-horizontal">
            <div class="col-sm-10">
                <div class="col-sm-6">
                    <div class="col-sm-4">
                        <label class="control-label">Role&nbsp;Name：</label>
                    </div>
                    <div class="col-sm-8">
                        <input type="text" id="txt_Rolename" class="form-control" placeholder="Role Name">
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="col-sm-3"><label class="control-label">IsActive：</label></div>
                    <div class="col-sm-9"><select class="form-control" id="isActive"><option value="-1">Select Status</option><option value="0">Active</option><option value="1">InActive</option></select></div>
                </div>
                
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" type="button" id="Searchbtn">Search</button>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-primary" type="button" id="addBut">Create</button>
            </div>
        </div>
    </div><!-- /input-group -->
    <table id="RoleListDIV" class="display table-bordered table-hover" style="width: 100%; text-align: center !important;" cellspacing="0">
        <thead>
            <tr style="font-weight: bold">
                <td>RoleId</td>
                <td>RoleName</td>
                <td>Action</td>
            </tr>
        </thead>
    </table>
</div>
<script src="~/Resources/Script/Role/RoleList.js"></script>